<html>

<head>
<title><g:message code="default.welcome.title"
		args="[meta(name:'app.name')]" /></title>
<meta name="layout" content="kickstart" />

<style type="text/css">
.calendar {
	width: 242px;
	height: 233px;
	box-shadow: 0px 1px 3px #bbb;
	margin: 3px 3px 20px;
	text-align: center;
	-border: 1px #eee solid;
	box-shadow: 0px 1px 3px #bbb;
}

.calendar_bar {
	background: #6293BB;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	color: white;
	box-shadow: 0px 1px 3px #ccc;
	border-bottom: 1px #CCC solid;
}

.calendar_time {
	padding: 10px;
}

.calendar_week {
	background: #CCC;
}

.calendar_day {
	background: #F1F1F1;
}

.today {
	background: #3671A5;
	color: white;
	font-weight: bold;
}

.more {
	margin-left: 10px;
	float: right;
	font-size: 12px;
	font-weight: normal;
}

.logoImg {
	width: 56px;
	height: 56px;
	background-image: url(${ resource(dir : 'images', file : 'logo_bg.gif')
}

);
}
.logoImg img {
	margin: 2px;
	width: 48px;
	height: 48px;
}

.spanSpace {
	margin-left: 5px;
}
</style>
</head>

<body>



		<div class="row-fluid" style="margin: 0 auto; width: 80%;text-align: center;">
			<div class="span8">
				<div class="alert alert-info" style="margin-bottom: 5px;">
					<strong>最新约会</strong>
				</div>
				<div class="well">
					<h4 style="margin: 5px;">
						<a href="##">海底捞 聚会啦</a>
					</h4>
					<table class="table" width="100%" border="0" cellspacing="0"
						cellpadding="0">
						<colgroup>
							<col width="110">
							<col width="400">
							<col width="130">
						</colgroup>
						<tbody>
							<tr>
								<th>开始时间:</th>
								<td>2012年1月11日 星期三 10:12<br></td>
								<td rowspan="8" style="vertical-align: middle;"><a
									class="btn btn-success" href="#"><i
										class="icon-glass icon-white"></i> 活动进行中</a></td>
							</tr>
							<tr>
								<th>结束时间:</th>
								<td>2012年1月11日 星期三 00:00</td>
							</tr>
							<tr>
								<th>地点:</th>
								<td>不限</td>
							</tr>
							<tr>
								<th>活动人数:</th>
								<td class="red"><span id="num">0</span>/<span id="total">不限</span>
								</td>
							</tr>
							<tr>
								<th>费用:</th>
								<td>免费</td>
							</tr>
							<tr>
								<th>活动分类:</th>
								<td>其他</td>
							</tr>
							<tr>
								<th>发起人:</th>
								<td><a href="#" target="_blank">JackQ</a></td>
							</tr>
						</tbody>
					</table>

				</div>

				<div class="alert alert-info" style="margin-bottom: 5px;">
					<strong>约会话题</Strong>
				</div>
				<table class="table table-striped">
					<thead>
						<tr>
							<th>#</th>
							<th>话题</th>
							<th>作者</th>
							<th>热度</th>
							<th>回复/点击</th>
							<th>最后回复</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>小秦的约汇</td>
							<td>小秦</td>
							<td>5星</td>
							<td>100/1000</td>
							<td>2010-01-04 <a href="##"><i class="icon-share-alt"></i></a></td>
						</tr>
						<tr>
							<td>2</td>
							<td>Jacob</td>
							<td>Thornton</td>
							<td>5星</td>
							<td>100/1000</td>
							<td>2010-01-04 <a href="##"><i class="icon-share-alt"></i></a></td>
						</tr>
						<tr>
							<td>3</td>
							<td>Larry</td>
							<td>the Bird</td>
							<td>5星</td>
							<td>100/1000</td>
							<td>2010-01-04 <a href="##"><i class="icon-share-alt"></i></a></td>
						</tr>
						<tr>
							<td>4</td>
							<td>Jack</td>
							<td>小秦</td>
							<td>5星</td>
							<td>100/1000</td>
							<td>2010-01-04 <a href="##"><i class="icon-share-alt"></i></a></td>
						</tr>
						<tr>
							<td>5</td>
							<td>Jacob</td>
							<td>Thornton</td>
							<td>5星</td>
							<td>100/1000</td>
							<td>2010-01-04 <a href="##"><i class="icon-share-alt"></i></a></td>
						</tr>
						<tr>
							<td>6</td>
							<td>Larry</td>
							<td>the Bird</td>
							<td>5星</td>
							<td>100/1000</td>
							<td>2010-01-04 <a href="##"><i class="icon-share-alt"></i></a></td>
						</tr>
					</tbody>
				</table>

			</div>
			<div class="span4">

				<div class="alert "
					style="margin-bottom: 5px; background-color: #FEF0E7;">
					<strong>圈子成员</strong>
				</div>
				<div class="row-fluid show-grid" style="margin-left: 10px;">
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'1.jpg')}" border="0" />
						</div>
						<span class="spanSpace">JackQ</span>
					</div>
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'2.jpg')}" border="0" />
						</div>
						<span class="spanSpace">Oliver</span>
					</div>
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'3.gif')}" border="0" />
						</div>
						<span class="spanSpace">Leon</span>
					</div>
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'4.jpg')}" border="0" />
						</div>
						<span class="spanSpace">Black</span>
					</div>
				</div>



				<div class="alert "
					style="margin-bottom: 5px; background-color: #FEF0E7;">
					<strong>约会达人</strong>
				</div>
				<div class="row-fluid show-grid" style="margin-left: 10px;">

					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'1.jpg')}" border="0" />
						</div>
						<span class="spanSpace">JackQ</span>
					</div>
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'2.jpg')}" border="0" />
						</div>
						<span class="spanSpace">Oliver</span>
					</div>
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'3.gif')}" border="0" />
						</div>
						<span class="spanSpace">Leon</span>
					</div>
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'4.jpg')}" border="0" />
						</div>
						<span class="spanSpace">Black</span>
					</div>
				</div>




				<div class="alert "
					style="margin-bottom: 5px; background-color: #FEF0E7;">
					<strong>推荐商家</strong>
				</div>
				<div class="row-fluid show-grid" style="margin-left: 10px;">

					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'1.jpg')}" border="0" />
						</div>
						<span class="spanSpace">海底捞</span>
					</div>
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'2.jpg')}" border="0" />
						</div>
						<span class="spanSpace">金钱豹</span>
					</div>
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'3.gif')}" border="0" />
						</div>
						<span class="spanSpace">笳铺</span>
					</div>
					<div class="span3">
						<div class="logoImg">
							<img src="${resource(dir:'images/demo',file:'4.jpg')}" border="0" />
						</div>
						<span class="spanSpace">Black</span>
					</div>
				</div>


				<div class="calendar">
					<div class="calendar_bar">活动表</div>
					<div class="calendar_time">
						<table width="100%" cellspacing="1" cellpadding="2" border="0">
							<tbody>
								<tr>
									<td colspan="7"><strong>2012-05</strong></td>
								</tr>
								<tr class="calendar_week">
									<td>一</td>
									<td>二</td>
									<td>三</td>
									<td>四</td>
									<td>五</td>
									<td>六</td>
									<td>日</td>
								</tr>

								<tr>

									<td class="calendar_day">&nbsp;</td>

									<td class="calendar_day">1</td>

									<td class="calendar_day">2</td>

									<td class="calendar_day">3</td>

									<td class="calendar_day">4</td>

									<td class="calendar_day">5</td>

									<td class="calendar_day">6</td>

								</tr>

								<tr>

									<td class="calendar_day">7</td>

									<td class="calendar_day">8</td>

									<td class="calendar_day">9</td>

									<td class="calendar_day">10</td>

									<td class="calendar_day">11</td>

									<td class="calendar_day">12</td>

									<td class="calendar_day">13</td>

								</tr>

								<tr>

									<td class="calendar_day">14</td>

									<td class="calendar_day">15</td>

									<td class="calendar_day">16</td>

									<td class="calendar_day">17</td>

									<td class="calendar_day">18</td>

									<td class="calendar_day">19</td>

									<td class="calendar_day">20</td>

								</tr>

								<tr>

									<td class="calendar_day">21</td>

									<td class="calendar_day">22</td>

									<td class="calendar_day">23</td>

									<td class="calendar_day">24</td>

									<td class="today">25</td>

									<td class="calendar_day">26</td>

									<td class="calendar_day">27</td>

								</tr>

								<tr>

									<td class="calendar_day">28</td>

									<td class="calendar_day">29</td>

									<td class="calendar_day">30</td>

									<td class="calendar_day">31</td>

									<td class="calendar_day">&nbsp;</td>

									<td class="calendar_day">&nbsp;</td>

									<td class="calendar_day">&nbsp;</td>

								</tr>

							</tbody>
						</table>
						<div class="more">
							<a href="#">查看往期活动</a>
						</div>
						<div class="clear"></div>
					</div>


				</div>
			</div>
		</div>



</body>

</html>
